import 'package:flutter/material.dart';

class CertificateQuery extends StatefulWidget {
  @override
  State<CertificateQuery> createState() => _CertificateQueryState();
}

class _CertificateQueryState extends State<CertificateQuery> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('证书查询'),
        elevation: 0,
      ),
      body: Container(
        padding: EdgeInsets.symmetric(horizontal: 40),
        child: Column(
          children: [
            Container(
              margin: EdgeInsets.only(top: 50),
              child: Text(
                '12:36:00',
                style: TextStyle(
                    color: Color.fromRGBO(191, 55, 54, 1), fontSize: 40),
              ),
            ),
            Container(
              margin: EdgeInsets.only(top: 50),
              child: Text(
                '2020行者旭辉公益徒步行走',
                style: TextStyle(fontWeight: FontWeight.bold, fontSize: 15),
              ),
            ),
            Container(
              margin: EdgeInsets.only(top: 10),
              child: Text(
                '男子十公里组',
                style: TextStyle(
                    fontSize: 13, color: Color.fromRGBO(102, 102, 102, 1)),
              ),
            ),
            Container(
              margin: EdgeInsets.only(top: 30),
              child: Row(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Flexible(
                    child: Container(
                      width: MediaQuery.of(context).size.width,
                      height: 38,
                      child: Column(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          Container(
                            child: Text(
                              'ayaya1',
                              overflow: TextOverflow.ellipsis,
                              style: TextStyle(fontWeight: FontWeight.bold),
                            ),
                          ),
                          Container(
                            child: Text(
                              '姓名',
                              style: TextStyle(fontSize: 11),
                            ),
                          )
                        ],
                      ),
                    ),
                    flex: 1,
                  ),
                  Flexible(
                    child: Container(
                      width: MediaQuery.of(context).size.width,
                      decoration: BoxDecoration(
                          border: Border(
                              left: BorderSide(
                                  color: Color.fromRGBO(238, 238, 238, 1)),
                              right: BorderSide(
                                  color: Color.fromRGBO(238, 238, 238, 1)))),
                      height: 38,
                      child: Column(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          Container(
                            child: Text(
                              'ayaya11',
                              style: TextStyle(fontWeight: FontWeight.bold),
                            ),
                          ),
                          Container(
                            child: Text(
                              '姓名',
                              style: TextStyle(fontSize: 11),
                            ),
                          )
                        ],
                      ),
                    ),
                    flex: 1,
                  ),
                  Flexible(
                    child: Container(
                      width: MediaQuery.of(context).size.width,
                      height: 38,
                      child: Column(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          Container(
                            child: Text(
                              'ayaya11',
                              style: TextStyle(fontWeight: FontWeight.bold),
                            ),
                          ),
                          Container(
                            child: Text(
                              '姓名',
                              style: TextStyle(fontSize: 11),
                            ),
                          )
                        ],
                      ),
                    ),
                    flex: 1,
                  ),
                ],
              ),
            ),
            Container(
              width: 250,
              height: 50,
              margin: EdgeInsets.only(top: 100),
              child: ElevatedButton(
                style: ElevatedButton.styleFrom(
                    primary: Color.fromRGBO(191, 55, 54, 1)),
                onPressed: () {},
                child: Text(
                  '查看成绩证书',
                  style: TextStyle(color: Colors.white, fontSize: 16),
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}
